<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>青岛大学-在线交流平台</title>
        <link href="{{ STATIC_URL }}css/bootstrap.css" type="text/css" rel="stylesheet"></link>
        <link href="{{ STATIC_URL}}css/page1.css" type="text/css" rel="stylesheet"></link>
		<script src="{{ STATIC_URL }}js/jquery-1.11.1.js"></script>
		<script src="{{ STATIC_URL }}js/home.js"></script>
    </head>
    <body>
        <div id="container">
		{% block login %}{% endblock %}
        <div id="head">
            <div style="width:400px; height: 20px; margin: 0% 70%">
            <form action="#" method="get">
				{% csrf_token %}
                <input id="login" type="button" value="登录/注册"/>
                <input type="text" name="search" />
                <input type="submit" value="搜索" />
            </form>
            </div>
            <div class="col-md-4">
            <h1 class="page-header">青岛大学<small>在线交流平台</small></h1>
            </div>
        </div>
            <div id="left">
                <div style="height: 200px;">
                    <img src="{{ STATIC_URL }}images/3.jpg" style="width:180px; height: 150px; margin: 10px;"/>
                    <p style="test-align: center;">头像</p>
                </div>
                <div class="left1"><a href="#">首页</a></div>
                <div class="left2"><a href="#">青大教务</a></div>
                <div class="left1"><a href="#">青大OJ</a></div>
                <div class="left2"><a href="#">新鲜事</a></div>
                <div class="left1"><a href="#">讨论区</a></div>
                <div class="left2"><a href="#">最新资源</a></div>
                <div class="left1"><a href="#">热门话题</a></div>
                <div class="left2"><a href="#"></a></div>
                <div class="left1"><a href="#"></a></div>
                <div class="left2"><a href="#"></a></div>
                <div class="left1"><a href="#"></a></div>
                <div class="left2"><a href="#"></a></div>
            </div>
            <div id="right">
                <div class="t1">模块一</div>
                <div class="t1">模块二</div>
                <div class="t1">模块三</div>
            </div>
        </div>
    </body>
</html>
